<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
		<link rel="stylesheet" href="01.css" />
	</head>
	<body>
		<div class="container">
			<h3>学生信息管理系统</h3>

			<div class="form-group">
				<label for="name">姓名:</label>
				<input type="text" name="name" class="form-control" id="name" placeholder="输入名字" />
			</div>

			<div class="form-group">
				<label for="age">年龄:</label>
				<input type="number" name="age" class="form-control" placeholder="输入年龄" />
			</div>

			<div class="form-group">
				<label>性别:</label>
					<div class="radio-inline">
						<input type="radio" name="sex" id="sex" checked="checked" />男
					</div>
					<div class="radio-inline">
					<input type="radio" name="sex" id="sex" />女
					</div>
			</div>

			<div class="form-group">

				<label for="hobby">爱好:</label>
				
					<div class="checkbox-inline">
						<input type="checkbox"  name="hobby" id="hobby" />乒乓球
					</div>

					<div class="checkbox-inline">
						<input type="checkbox"  name="hobby" id="hobby"  />爬山
					</div>

					<div class="checkbox-inline">
						<input type="checkbox" name="hobby" id="hobby"  />唱歌
					</div>
			</div>
			<div class="form-group">
				<label>学历:</label>
				<select name="edu" id="edu">
					<option value="1">小学</option>
					<option value="2">初中</option>
					<option value="3">高中</option>
					<option value="4" selected="selected">本科</option>
				</select>
			</div>
			
			<div class="form-group">
				<button class="btn btn-primary" type="button" name="commit">提交</button>
				<button class="btn btn-danger" type="button" name="clear">取消</button >
			</div>
			
		</div>
	</body>
</html>
